*{margin: 0;padding: 0;}
.container{
    width: 1000px;
    margin: 50px auto;
}
.mian{
    width:460px;
    height: auto;
    float: left;
}
.mian img{
    width:460px;
    height:260px;
}
.top{
    width:460px;
    height:260px;
    position: relative;
}
b{
    width: 180px;
    height: 180px;
    background: blue;
    opacity: 0.5;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}
.left img{
    width: 10px;
    height: 45px;
}
.right img{
    width: 10px;
    height: 45px;
}
.bottom{
    width: 460px;
    height: 60px;
    margin-top: 10px;
}
.left{
    width: 10px;
    height: 45px;
    float: left;
}
.item{
    float: left;

}
.item ul{
    width: 410px;
    list-style: none;
    margin-left: 30px;
}
.item ul li{
    float: left;
    margin-left: 8px;
}
.item ul li img{
    width: 60px;
    height: 45px;
    border: 1px solid #ccc;
    padding: 2px;
}
.right{
    width: 10px;
    height: 45px;
    float: left;
}
.max{
    width:460px;
    height:260px;
    float: right;
    overflow: hidden;
    display: none;
    position: relative;
}
.max img{
    width: 920px;
    height: 520px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.item ul li .bg{
    border: 2px solid orange;
}